<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        //父类型的构造函数
        function SupperType() {
            this.supProp = 'Supper property';
        }

        //子类型的构造函数
        function SubType() {
            this.subProp = 'Sub property';
        }
        
        //父类型的方法
        SupperType.prototype.showSupperProp = function() {
            console.log(this.supProp);
        };

        //父类型的对象就是子类型的原型
        SubType.prototype = new SupperType();
        SubType.prototype.constructor = SubType;

        //子类型的方法
        SubType.prototype.showSubProp = function() {
            console.log(this.subProp);
        };

        //调试：创建子类型对象，调用父类型的方法
        var sub = new SubType();
        sub.showSupperProp();
        sub.showSubProp();
    </script>
</head>
<body>
    
</body>
</html>